<template>
  <div id="home">
    <mt-swipe :auto="2500" style="height:550px;background:gray;">
      <mt-swipe-item v-for="img in imgs" :key="img.id">
          <img :src='img.src' width="100%" height="100%"  alt=""/>
      </mt-swipe-item>
      <!-- <mt-swipe-item>
           <img src="https://img.yzcdn.cn/public_files/2017/10/24/1791ba14088f9c2be8c610d0a6cc0f93.jpeg"
              width="100%" height="100%" alt="e5a5a02309a41f9f5def56684808d9ae"/>
      </mt-swipe-item> -->
    </mt-swipe>
  </div>
</template>

<script>

var imgsz = [
            {id:1,src:'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1016823178,3887233419&fm=26&gp=0.jpg'},
            {id:2,src:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&ec=1590141625858&di=37ac337a4a4583f2e59ce39f911fd12f&imgtype=0&src=http%3A%2F%2Fd6.yihaodianimg.com%2FN04%2FM01%2F3D%2FF5%2FCgQDrlMfzhCAA1jcAAFUQOVk0qY01801.jpg'},
            
            
        ];
export default {
  name: "Home",
  data() {
    return {
        imgs:[]
    };
  },
  created(){
    console.log(this);
    this.imgs = imgsz;
  }
};
</script>

// scoped只对当前template下的页面起作用，不影响其他页面
<style lang='css' scoped>
</style>